<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>优学网-关于我们</title>

    <!-- Bootstrap -->
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="http://cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="../css/main.css" rel="stylesheet">
    <link href="../css/offcanvas.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">导航</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="../index.html">优学网</a>
          </div>
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li><a href="../index.html">辅导</a></li>
              <li><a href="../kids.html">孩子</a></li>
              <li><a href="../teachers.html">教师</a></li>
              <li><a href="../teachers.html">超级课程</a></li>
              <li><a href="#">有料</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
              <li><a href="#"><img src="../images/qq.png" alt="QQ登录" title="QQ登录" />&nbsp;QQ登录</a></li>
              <li><a href="#"><img src="../images/weibo.png" alt="新浪微博登录" title="新浪微博登录"/>&nbsp;微博登录</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div><!--/.container-fluid -->
      </nav>

	<div class="container"> 
    	<div class="row row-offcanvas row-offcanvas-left">
        	<div class="col-xs-6 col-sm-5 col-md-4 col-lg-3 sidebar-offcanvas" id="sidebar" role="navigation">
              <div class="list-group">
              	<div class="list-group-item site list-group-title"><i class="fa fa-info-circle"></i>&nbsp;信息管理</div> 
                <a href="normal-profile.html" class="list-group-item active">我的信息</a>
                <div class="list-group-item site list-group-title"><i class="fa fa-group"></i>&nbsp;社会化管理</div> 
                <a href="likes.html" class="list-group-item">我的关注</a>
                <a href="comments.html" class="list-group-item">我的评论</a>
                <div class="list-group-item site list-group-title"><i class="fa fa-cog"></i>&nbsp;系统管理</div> 
                <a href="setting.html" class="list-group-item">账号设置</a>
                <a href="setting.html" class="list-group-item">退出</a>
              </div>
            </div>
            <div class="col-xs-12 col-sm-7 col-md-8 col-lg-9">
            	<div class="visible-xs">
                	<h4 class="site a"><a href="#" data-toggle="offcanvas" data-to-show="y">展开左侧列表</a></h4>
                </div>
            	<div class="jumbotron">
                	
              	</div>
                <div class="page-header">
        			<h4>我的信息</h4>
       			</div>
                
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    	<div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
                            <p>头像：</p>
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10">
                            <p><img src="../images/adult.jpg" class="img-circle site u-small-icon"/></p>
                        </div>
                        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
                            <p>昵称：</p>
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10">
                            <p>Wgssmart</p>
                        </div>
                        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
                            <p>真实姓名：</p>
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10">
                            <p>&nbsp;</p>
                        </div>
                        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
                            <p>性别：</p>
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10">
                            <p>男</p>
                        </div>
                        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
                            <p>所在区域：</p>
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10">
                            <p>章贡区</p>
                        </div>
                        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
                            <p>手机号：</p>
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10">
                            <p>18507074625</p>
                        </div>
                        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
                            <p>QQ：</p>
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10">
                            <p>847315251</p>
                        </div>
                        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
                            <p>微博：</p>
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10">
                            <p>Wgssmart</p>
                        </div>
                        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
                            <p>微信：</p>
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10">
                            <p>Wgssmart</p>
                        </div>
                        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
                            <p>用户类型：</p>
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10">
                            <p class="site a">您是普通用户。<a href="../help.html#user-type"><small>（查看用户类型说明）</small></a></p>
                            <p class="site a">如果您是学生本人，请&nbsp;<a href="#" data-toggle="modal" data-target="#student-modal"><strong>设置为学生</strong></a>；</p>
                            <p class="site a">如果您是学生家长，请&nbsp;<a href="#" data-toggle="modal" data-target="#parent-modal"><strong>设置为学长家长</strong></a>；</p>
                            <p class="site a">如果您是教师，请&nbsp;<a href="#" data-toggle="modal" data-target="#teacher-modal"><strong>设置为教师</strong></a>。</p>
                        </div>
                        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
                            <p>注册时间：</p>
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10">
                            <p>2015年1月28日</p>
                        </div>
                        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
                            <p>最近登录时间：</p>
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10">
                            <p>2015年1月29日</p>
                        </div>
                    </div>
                    
               </div>
               <a href="#" class="btn btn-primary">编辑我的信息</a>
               
            </div>
        </div>
    </div>
    
                <div class="modal fade" id="student-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
                  <div class="modal-dialog">
                    <div class="modal-content">
                      <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">请确定设置为学生</h4>
                      </div>
                      <div class="modal-body">
                        <p>设置为学生后，请进一步完善学生相关信息，完善信息后，您可以发布辅导需求。</p>
                        <p><small>提示：设置用户类型后，系统暂不支持用户类型的变更。</small></p>
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button id="set-to-student" type="button" class="btn btn-primary">设置并继续</button>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="parent-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
                  <div class="modal-dialog">
                    <div class="modal-content">
                      <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">请确定设置为学生家长</h4>
                      </div>
                      <div class="modal-body">
                        <p>设置为学生家长后，请添加您的孩子的基本信息，添加孩子基本信息后，您可以为孩子发布辅导需求。</p>
                        <p><small>提示：设置用户类型后，系统暂不支持用户类型的变更。</small></p>
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button id="set-to-parent" type="button" class="btn btn-primary">设置并继续</button>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="teacher-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
                  <div class="modal-dialog">
                    <div class="modal-content">
                      <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">请确定设置为教师</h4>
                      </div>
                      <div class="modal-body">
                        <p>设置为教师后，请进一步完善教师相关信息，完善信息后，您可以报名参与辅导。</p>
                        <p><small>提示：设置用户类型后，系统暂不支持用户类型的变更。</small></p>
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button id="set-to-teacher" type="button" class="btn btn-primary">设置并继续</button>
                      </div>
                    </div>
                  </div>
                </div>
    
    <footer class="site footer">
      <div class="container">
        <div class="row site footer-top">
          <div class="col-sm-4 col-lg-5">
            <h4>
              <a href="../index.html">优学网</a>
            </h4>
            <p>为孩子提供优质的教学及兴趣辅导，让孩子更加快乐地成长！</p>
          </div>
          <div class="col-sm-8  col-lg-6 col-lg-offset-1">
            <div class="row site about">
              <div class="col-xs-6 col-lg-3">
                <h4>关于</h4>
                <ul class="list-unstyled">
                  <li><a href="../about.html">关于我们</a></li>
                  <li><a href="../evaluation.html">用户评价</a></li>
                  <li><a href="../help.html">问题及帮助</a></li>
                  <li><a href="../suggestion.html">留言及建议</a></li>
                  <li><a href="../blacklist.html">黑名单</a></li>
                  <li><a href="../privacy.html">隐私声明</a></li>
                </ul>
              </div>
              <div class="col-xs-6 col-lg-3">
                <h4>合作与赞助</h4>
                <ul class="list-unstyled">
                	<li><a href="../school.html">学校列表</a></li>
                    <li><a href="../brand.html">品牌列表</a></li>
                    <li><a href="../sponsor.html">赞助商列表</a></li>
                    <li><a href="../ads.html">广告合作</a></li>
                  	<li><a href="../links.html">友情链接</a></li>
                </ul>
              </div>
              <div class="col-xs-12 col-lg-6">
                <h4>联系方式</h4>
                <ul class="list-unstyled">
                	<li><a href="../contact.html"><i class="fa fa-qq"></i> QQ：847315251</a></li>
                	<li><a href="../contact.html"><i class="fa fa-wechat"></i> 微信：Wgssmart</a></li>
                  <li><a href="../contact.html"><i class="fa fa-weibo"></i> 新浪微博：@Wgssmart</a></li>
                  <li><a href="../contact.html"><i class="fa fa-envelope"></i> 邮箱：847315251@qq.com</a></li>
                </ul>
              </div>
            </div>
    
          </div>
        </div>
        <hr>
        <div class="row site footer-bottom">
          <ul class="list-inline text-center">
            <li>Copyright &copy; 2015 - 优学网</li>
          </ul>
        </div>
      </div>
    </footer>
	<a id="page-back"></a>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/scrollup/2.4.0/jquery.scrollUp.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/jquery.page-back.js"></script>
    <script src="../js/main.js"></script>
    <script src="../js/offcanvas.js"></script>
  </body>
</html>